window.onload = function () {

    // header头部
    (function () {
        var header = document.querySelector('.header');
        var a = document.querySelector('.right').querySelectorAll('a');
        document.addEventListener('scroll', function () {
            if (window.pageYOffset >= 200) {
                header.style.backgroundColor = 'white';
                header.style.color = 'black';
                for (var i = 0; i < a.length; i++) {
                    a[i].style.color = 'black';
                }
            } else {
                header.style.background = 'none';
                header.style.color = 'white';
                for (var i = 0; i < a.length; i++) {
                    a[i].style.color = 'white';
                }
            }
        })
    }());

    (function () {
        $(".bc div a").on("click", function () {
            var h = $(".bc").height();
            var nav = $(".header").height();
            var move = h - nav;
            $('body,html').stop().animate({
                scrollTop: move
            }, 300)
        })
    }());

    //旅游部分
    (function () {
        $(".etc li").on('mouseenter', function () {
            $(this).children("div").fadeIn(100)
        });

        $(".etc li").on('mouseleave', function () {
            $(this).children("div").fadeOut(100)
        });
    }());

    (function () {
        $(".specialty .etc li").on('mouseenter', function () {
            $(this).stop().animate({
                top: -25,
            }, 400);
        });
        $(".specialty .etc li").on('mouseleave', function () {
            $(this).stop().animate({
                top: 0,
            }, 400);
        });
    }());

    // 故事部分
    (function () {
        $(".story ul li a").on('mouseenter', function () {
            $(this).children(".mask").stop().animate({
                top: 0
            }, 400);
        });
        $(".story ul li a").on('mouseleave', function () {
            $(this).children(".mask").stop().animate({
                top: 192
            }, 400);
        });
    }());

    // footer底部
    (function () {
        $('.number').on('mouseenter', function () {
            $(this).children('img').stop().fadeIn(100)
        })

        $('.number').on('mouseleave', function () {
            $(this).children('img').stop().fadeOut(100)
        })
    }())

}